<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创作中心</title>
    <script src="js/jQuery.min.js"></script>
    <script src="js/czzx.js"></script>
    <script src="js/header3.js"></script>
    <link rel="stylesheet" href="css/czzx.css">
    <link rel="stylesheet" href="css/head3.css">
</head>

<body>
    <!-- header部分 -->
    <header>
        <!-- 通栏 -->
        <div class="w">
            <!-- 知乎logo -->
            <a href="./index.html" class="logo fl"><img src="images/logo.jpg" alt=""></a>
            <!-- 导航栏 -->
            <ul class="nav fl">
                <li><a href="./index.html">首页</a></li>
                <li><a href="./member.html">会员</a></li>
                <li><a href="./found.html">发现</a></li>
                <li><a href="./dnld.html">等你来答</a></li>
            </ul>
            <!-- 搜索框 默认状态-->
            <div class="search fl">
                <input class="ipt-normal" type="text" placeholder="有没有好吃不踩雷的零食">
                <button class="max"></button>
                <!-- 热搜、搜索历史模块 -->
                <div class=" hot">
                    <div class="hottitle">知乎热搜</div>
                    <ul>
                        <li><a href="javascript:;">《悬崖之上》影评 <span class="hotup"></span></a>
                        </li>
                        <li><a href="javascript:;">五四青年节<span class="hotup"></span></a></li>
                        <li><a href="javascript:;">山东健康码金色皮肤<span class="hotup"></span></a></li>
                        <li><a href="javascript:;">张国立发大夜班工作状态</a></li>
                        <li><a href="javascript:;">《扎克·施耐德的正义联盟》</a></li>
                    </ul>
                    <div class="search-history">搜索历史<button class="delete">清空</button></div>
                    <ul>
                        <li><a href="javascript:;">《悬崖之上》影评<button class="del">×</button></a>
                        </li>
                        <li><a href="javascript:;">五四青年节<button class="del">×</button></a></li>
                        <li><a href="javascript:;">山东健康码金色皮肤<button class="del">×</button></a></li>
                        <li><a href="javascript:;">张国立发大夜班工作状态<button class="del">×</button></a></li>
                        <li><a href="javascript:;">《扎克·施耐德的正义联盟》<button class="del">×</button></a></li>
                    </ul>
                </div>
            </div>
            <!-- 提交按钮 -->
            <button class="submit fl">提问</button>
            <!-- 通知消息模块 -->
            <div class="notice fl">
                <div class="answer fl" tabindex="0">
                    <div class="answer-content">
                        <div class="answer-title">
                            <button class="btn btn-blue"></button>
                            <span class="string">|</span>
                            <button class="btn"></button>
                            <span class="string">|</span>
                            <button class="btn"></button>
                        </div>
                        <div class="answer-list answer-page">
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                        </div>
                        <div class="answer-list-2 answer-page">
                            <img src="./images/answer.jpg" alt="">
                            <p>还没有消息</p>
                        </div>
                        <div class="answer-list-3 answer-page">
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>赞了你的评论</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                        </div>
                        <div class="answer-footer">
                            <a href="javascript:;" class="fl set">设置</a>
                            <a href="javascript:;" class="fr">查看全部通知</a>
                        </div>
                    </div>
                </div>

                <div class="message fl" tabindex="0">
                    <div class="message-content">
                        <div class="message-title">我的私信</div>
                        <div class="message-list">
                            <ul>
                                <li><img src="./images/icon.jpg" class="fl">
                                    <div class="list-write fl">
                                        <p class="list-user-name">创作者小助手</p>
                                        <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                    </div>
                                </li>
                                <li><img src="./images/icon.jpg" class="fl">
                                    <div class="list-write fl">
                                        <p class="list-user-name">创作者小助手</p>
                                        <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="message-footer">
                            <a href="javascript:;" class="fl write-message">写新私信</a>
                            <a href="javascript:;" class="fr">查看全部私信</a>
                        </div>
                    </div>
                </div>

                <div class="icon fl" tabindex="0"><img src="./images/icon.jpg" alt="">
                    <div class="icon-content">
                        <div class="mine">我的主页</div>
                        <div class="creations">创作中心</div>
                        <div>设置</div>
                        <div class="exit">退出</div>
                    </div>
                </div>

            </div>
        </div>
    </header>
    <!-- 滑动后header -->
    <div class="slide">
        <div class="w">
            <!-- 知乎logo -->
            <a href="//www.zhihu.com" class="logo fl"><img src="images/logo.jpg" alt=""></a>
            <!-- 主体导航栏 -->
            <div class="main-tab fl slide-tab">
                <a href="javascript:;" class="main-tab-blue">推荐</a>
                <a href="javascript:;">关注</a>
                <a href="javascript:;">热榜</a>
            </div>
            <!-- 搜索框 默认状态-->
            <div class="search fl slide-search">
                <input class="ipt-normal" type="text" placeholder="搜索你感兴趣的内容...">
                <button class="max"></button>
                <!-- 热搜、搜索历史模块 -->
            </div>
            <!-- 提交按钮 -->
            <button class="submit fl">提问</button>
        </div>
    </div>
    <div class="box0">
        <div class="left">
            <a href="#" class="zy current">主页</a>
            <ul>
                <li class="cz">
                    <div class="a1">创作
                        <div class="jiantou"></div>
                    </div>
                    <ul class="b1">
                        <li>问题推荐</li>
                        <li>上传视频</li>
                        <li>发布文章</li>
                    </ul>

                </li>
                <li class="gl">
                    <div class="a1">管理
                        <div class="jiantou"></div>
                    </div>
                    <ul class="b2">
                        <li>内容管理</li>
                        <li>评论管理</li>
                    </ul>
                </li>
                <li class="sjfx">
                    <div class="a1">数据分析
                        <div class="jiantou"></div>
                    </div>
                    <ul class="b3">
                        <li>内容分析</li>
                        <li>关注者分析</li>
                        <li>视频收益</li>
                    </ul>
                </li>
                <li class="qyzx">
                    <div class="a1">权益中心
                        <div class="jiantou"></div>
                    </div>
                    <ul class="b4">
                        <li>全部权益</li>
                        <li>好物推荐</li>
                    </ul>
                </li>
                <li class="czcz">
                    <div class="a1">创作成长
                        <div class="jiantou"></div>
                    </div>
                    <ul class="b5">
                        <li>活动中心</li>
                        <li>创作榜单</li>
                        <li>创作者学院</li>
                    </ul>
                </li>
                <li class="grzx">
                    <div class="a1">个人中心
                        <div class="jiantou"></div>
                    </div>
                    <ul class="b6">
                        <li>帐号信息</li>
                        <li>MCN 管理</li>
                        <li>常见问题</li>
                        <li>瓦力保镖</li>
                        <li>版权服务</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="center">
            <div class="big">
                <div class="head">
                    <div class="czdj">创作等级</div>
                    <div class="gx">
                        最近一次更新：2021-05-03
                    </div>
                    <div class="djsm">
                        查看等级说明​
                    </div>
                </div>
                <div class="lv">
                    <img src="img/LV1.jpg" alt="">
                    <div class="dj">
                        <p>您当前等级为 Lv 1，还差 77 分即可升级为 Lv 2</p>
                        <div class="jdt">
                            <div class="jd"></div>
                        </div>
                        <span>23/100</span>
                    </div>

                </div>
                <div class="jsqy">
                    <div class="head2">
                        <p class="p1">升级解锁权益</p>
                        <p class="p2">查看全部权益​</p>
                    </div>
                    <div class="tpl">
                        <div class="tp">
                            <img src="img/nrfx.png" alt="">
                            <p>内容分析</p>
                        </div>
                        <div class="tp">
                            <img src="img/bqfw.png" alt="">
                            <p>版权服务</p>
                        </div>
                        <div class="tp">
                            <img src="img/zx.png" alt="">
                            <p>自选</p>
                        </div>
                        <div class="tp">
                            <img src="img/zhzb.png" alt="">
                            <p>知乎直播</p>
                        </div>
                        <div class="tp">
                            <img src="img/hwtj.png" alt="">
                            <p>好物推荐</p>
                        </div>
                        <div class="tp">
                            <img src="img/nrzj.png" alt="">
                            <p>内容自荐</p>
                        </div>
                    </div>
                </div>
                <div class="kssj">
                    <div class="head3">完成任务快速升级</div>
                    <div class="rw">
                        <div class="rwk">
                            <div class="zbwz">
                                <p class="p1">发 1 分钟以上视频</p>
                                <p class="p2">创作分至少 +70 分</p>
                            </div>
                            <img src="img/fsp.png" alt="">
                        </div>
                        <div class="rwk">
                            <div class="zbwz">
                                <p class="p1">写 100 字以上回答</p>
                                <p class="p2">创作分至少 +35 分</p>
                            </div>
                            <img src="img/xhd.png" alt="">
                        </div>
                        <div class="rwk">
                            <div class="zbwz">
                                <p class="p1">发 1 分钟以上视频</p>
                                <p class="p2">创作分至少 +70 分</p>
                            </div>
                            <img src="img/fsp.png" alt="">
                        </div>
                        <div class="rwk">
                            <div class="zbwz">
                                <p class="p1">发 1 分钟以上视频</p>
                                <p class="p2">创作分至少 +70 分</p>
                            </div>
                            <img src="img/fsp.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="jljr">
                    今日已创作0篇回答，0个视频，预计可加0分​
                </div>
            </div>
            <div class="c_center">
                <div class="head4">
                    <div class="sjzl">数据总览</div>
                    <p class="p1">每天12点左右更新前一日数据</p>
                    <p class="p2">查看详细数据​</p>
                </div>
                <div class="mk">
                    <div>
                        <p class="p1">阅读（播放）总数</p>
                        <span>0</span>
                        <p class="p2">昨日 计算中</p>
                    </div>
                </div>
                <div class="mk">
                    <p class="p1">赞同总数</p>
                    <span>0</span>
                    <p class="p2">昨日 计算中</p>
                </div>
                <div class="mk">
                    <p class="p1">关注者总数</p>
                    <span>0</span>
                    <p class="p2">昨日 计算中</p>
                </div>
                <div class="mk">
                    <p class="p1">视频收益（元）</p>
                    <div>未开通</div>
                </div>

            </div>
            <div class="footer">
                <div class="head5">
                    <p class="p1">创作手册</p>
                    <p class="p2">查看更多</p>
                </div>
                <div class="mk">
                    <div class="tp">
                        <img src="img/czzxzs.jpg" alt="">
                    </div>
                    <p>视频创作者必看 | 知乎视频创作手册</p>
                </div>
                <div class="mk">
                    <div class="tp">
                        <img src="img/czzxzs.jpg" alt="">
                    </div>
                    <p>视频创作者必看 | 知乎视频创作手册</p>
                </div>
                <div class="mk">
                    <div class="tp">
                        <img src="img/czzxzs.jpg" alt="">
                    </div>
                    <p>视频创作者必看 | 知乎视频创作手册</p>
                </div>
                <div class="mk">
                    <div class="tp">
                        <img src="img/czzxzs.jpg" alt="">
                    </div>
                    <p>视频创作者必看 | 知乎视频创作手册</p>
                </div>
            </div>
        </div>
        <div class="cz_wttjmk">
            <ul>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">你读书时期印象最深刻的一位老师是？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">看了puthon课，可还是不会写代码。是什么原因？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">你每天说服自己上班的理由是什么？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">你们有没有喜欢过一个人很久很久？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">有前端工作经验，建议去外包么？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">一个要好的异性朋友给我表白了，我拒绝了，要怎么才能回到以前不尴尬的时候啊？想回到以前？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">前端新手还需要用原生JS做项目提升能力吗？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">可以谈谈你学编程的经历吗。怎么提高学习效率?</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">less,sass等CSS预处理语言，最后都编译成相应的CSS，那它们存在的意义是啥？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>

            </ul>
        </div>
        <div class="cz_scspmk">
            <img src="img-02/djt.png" alt="" class="djt">
            <p class="p1">拖放要上传的视频文件</p>
            <img src="img-02/scsp.png" alt="" class="scsp">
            <p class="p2">一次最多上传 20 个视频</p>
            <p class="p3">
                请不要添加无关的视频，详情查看 知乎视频使用规范
            </p>
            <p class="p4">
                上传视频，即代表你同意《知乎视频用户协议》
            </p>
        </div>
        <div class="gl_nrglmk">
            <div class="head">
                <a href="#" class="lsbk">全部</a>
                <a href="#">回答</a>
                <a href="#">视频</a>
                <a href="#">文章</a>
                <a href="#">想法</a>
                <a href="#">提问</a>
                <span>|</span>
                <a href="#">草稿箱（0）</a>
            </div>
            <div class="nr">
                <img src="img-02/zwnr.png" alt="">
            </div>



        </div>
    </div>

</body>

</html>